<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style type="text/css">
		/*body{background-color: #FFFFFF;}*/
		
		.content_2 {
			margin-top: 50px;
		}
		
		.admin_1 {
			width: 100%;
			height: 100%;
			font-weight: 400;
		}
		
		.ss_lrft {
			width: 200px;
			float: left;
		}
		
		.ss_right {
			width: 750px;
			float: right;
		}
		
		.ss_lrft>p {
			line-height: 40px;
			color: #a6aeb3;
		}
		
		.ss_lrft>p:hover {
			color: #3d5159;
			cursor: pointer;
		}
		
		.ss_1>p>span {
			margin-right: 20px;
		}
		
		.ss_1>p>span:nth-child(2) {
			border-right: solid 1px rgb(0, 192, 229);
			padding-right: 20px;
		}
		
		.ss_1>p>span>a {
			color: rgb(0, 192, 229);
		}
		
		.ss_1>p:nth-child(1) {
			border-bottom: solid 1px #edf0f2;
			font-size: 30px;
			padding-bottom: 15px;
			margin-bottom: 40px;
		}
		
		.ss_1>p:nth-child(3),
		.ss_3>p:nth-child(3) {
			border-bottom: solid 1px #edf0f2;
			padding-bottom: 30px;
		}
		
		.ss_1>div {
			margin-bottom: 40px;
		}
		
		.ss_2>p:nth-child(1),
		.ss_3>p:nth-child(1) {
			border-bottom: solid 1px #edf0f2;
			font-size: 30px;
			padding-bottom: 15px;
			margin-bottom: 30px;
		}
		
		.ss_1_1 div,
		.ss_1_2 div {
			display: inline-block;
			float: right;
		}
		
		.ss_1_1 div>input,
		.ss_1_2 div>input {
			height: 44px;
			width: 350px;
			background-color: rgb(245, 248, 249);
			border: none;
			border-radius: 3px;
			padding-left: 20px;
			font-size: 12px;
		}
		
		.ss_1_1 div>a,
		.ss_1_2 div>a {
			margin: 0 30px 0 30px;
		}
		
		.ss_1_3 textarea {
			float: right;
			width: 410px;
			margin-right: 32px;
			height: 170px;
			border: none;
			background-color: rgb(245, 248, 249);
			border-radius: 3px;
			padding: 10px;
			box-sizing: border-box;
			font-size: 12px;
		}
		
		.ss_2_1 {
			height: 170px;
			/*border: solid 1px #000000;*/
		}
		
		.ss_2_1>div {
			width: 32.3%;
			display: inline-block;
			border-bottom: solid 1px #d4d4d4;
			height: 170px;
		}
		
		.ss_2_1 p {
			margin: 18px 0;
			font-size: 16px;
		}
		
		.ss_2_1 p:nth-child(1) {
			font-weight: 400;
			color: #434343;
		}
		
		.ss_p {
			font-size: 30px;
			margin-top: 40px;
			border-bottom: solid 1px #d4d4d4;
			padding-bottom: 40px;
		}
		
		.ss_p>button {
			float: right;
			border: none;
			background-color: rgb(245, 248, 249);
			border-radius: 3px;
			font-size: 16px;
			padding: 10px 30px;
			margin-right: 30px;
		}
		
		table {
			width: 100%;
		}
		
		table th {
			text-align: center;
			height: 50px;
			color: #777;
		}
		
		table td {
			text-align: center;
			height: 50px;
		}
		
		.ss_3 {
			margin: 40px 0;
		}
		
		.ss_3 input {
			width: 185px;
			height: 44px;
			border: none;
			background-color: rgb(245, 248, 249);
			border-radius: 3px;
			padding-left: 15px;
		}
		
		.ss_3 button {
			width: 140px;
			height: 44px;
			border-radius: 3px;
			border: none;
			background-color: rgb(0, 192, 229);
			color: #F0F0F0;
			font-size: 16px;
		}
		
		.ss_3>p:nth-child(4) {
			margin: 30px 0 10px 0;
		}
		
		.input-group {
			display: block;
		}
		
		.h {
			display: none;
		}
		
		.w {
			display: block;
		}
		
		.has1 {
			color: rgb(145, 157, 163);
		}
		
		.has {
			color: #ccc;
		}
		
		.sx {
			opacity: 0;
		}
		
		.ssx4 {
			opacity: 1;
		}
		
		.form-control[readonly],
		fieldset[disabled] .form-control {
			cursor: not-allowed;
			background-color: #f7f9fa;
			border-color: #f7f9fa;
			opacity: 1;
			color: #a6aeb3;
		}
		
		.form-control {
			display: block;
			width: 100%;
			height: 44px;
			padding: 11px 16px;
			font-size: 14px;
			line-height: 1.5;
			color: #404040;
			background-color: #fff;
			background-image: none;
			border: 0px solid #f7f9fa;
			border-radius: 3px;
			transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
			-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
			-moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
			-ms-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
			-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
			-webkit-appearance: none;
		}
		
		.form-control:focus {
			border-color: #66afe9;
			outline: 0;
			-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(102, 175, 233, .6);
			box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(102, 175, 233, .6);
		}
	</style>

	<body>
		<div class="admin_1">
			<div class="ss_lrft">
				<p onclick="h('.ss_4','.ssx4')">企业资料 <img class="ssx4 sx" src="img/sjx.svg" style="margin-left: 50px;width: 26px;" /></p>
				<p onclick="h('.ss_1','.ssx1')">开发设置 <img class="ssx1 sx" src="img/sjx.svg" style="margin-left: 50px;width: 26px;" /></p>
				<p onclick="h('.ss_2','.ssx2')">企业成员 <img class="ssx2 sx" src="img/sjx.svg" style="margin-left: 50px;width: 26px;" /></p>
				<p onclick="h('.ss_3','.ssx3')">敏感操作密码 <img class="ssx3 sx" src="img/sjx.svg" style="margin-left: 23px;width: 26px;" /></p>

			</div>
			<div class="ss_right">
				<div class="ss_1 h">
					<p>开发设置</p>
					<div>
						<p>Secret key</p>
					</div>
					<div class="ss_1_1">
						<span>Test Secret Key <img data-toggle="tooltip" data-placement="right" data-original-title="Server 端测试交易密钥" src="img/sl24.svg"/></span>
						<div>
							<input readonly="readonly" type="text" id="" value="sk_test_1CCOS0m5aTiH04iD4SeDePGS" />
							<a href="#">更新</a>
						</div>
					</div>
					<div class="ss_1_2">
						<span>Live Secret Key <img data-toggle="tooltip" data-placement="right" data-original-title="Server 端真实交易密钥" src="img/sl24.svg"/></span>
						<div>
							<input readonly="readonly" type="text" id="" value="sk_test_1CCOS0m5aTiH04iD4SeDePGS" />
							<a href="">更新</a>
						</div>
					</div>
					<div class="ss_1_3">
						<span>Ping++ 公钥 <img data-toggle="tooltip" data-placement="right" data-original-title="用于 Webhooks 回调时，验证请求对象的正确性" src="img/sl24.svg"/></span>

						<textarea readonly="readonly" rows="3" cols="20">-----BEGIN PUBLIC KEY-----
MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAqSKtpjtZ3qTM4bfMyG6RnSdtO/e4GN3qhjpETAumulljjIR0QqaL/L0QPbdEUR3T9gtil9sUhsSf4FlTuNjorDEmvBHC1I2PW/Ivd9bYtviAGDi2cf6qvm0/PQLSEUxUhEjiD/aiq+qj7o0ArpYZcdx/nla7Kce8yXzuomiUDt1rgtZIW2ebcm9fg6k8ct4jWEiitHEhIghrH+602YgWKs3NH5dbM6CguSPDDmvpaQ5NgpLMMi24DS30C5BHa85Z3zUDjOUGSrTK2kQpZnAAMjq4H+NDDlS8MlzEpPR1aOQ7XIUR89fZWaAzaamVwr8imOZxDUr08HivFHu3OFTwaQIDAQAB
-----END PUBLIC KEY-----</textarea>
					</div>
				</div>

				<div class="ss_2 h">
					<p>我的信息</p>
					<div class="ss_2_1">
						<div>
							<p>我的邮箱</p>
							<p>244210065@QQ.COM</p>
							<p>
								<a style="color: #35c8e6;font-weight: 400;font-size: 14px;" onclick="email_replace()" href="#">修改</a>
							</p>
						</div>
						<div>
							<p>我的密码</p>
							<p style="color: #777;">●●●●●●●●</p>
							<p>
								<a style="color: #35c8e6;font-weight: 400;font-size: 14px;" onclick="pass_xg_1()" href="#">修改密码</a>
							</p>
						</div>
						<div>
							<p>我的手机号</p>
							<p>18503068090</p>
							<p>
								<a style="color: #35c8e6;font-weight: 400;font-size: 14px;" onclick="phone_()" href="#">修改手机</a>
							</p>
						</div>
					</div>
					<p class="ss_p">企业成员 <button id="invite" onclick="Invitation()">邀请成员</button></p>
					<div class="ss_2_2">
						<table border="0" cellspacing="" cellpadding="">

							<thead>
								<tr>
									<th style="text-align: left;">成员邮箱</th>
									<th>角色</th>
									<th>最后登录时间</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td style="text-align: left;">244210065@QQ.COM</td>
									<td>管理员</td>
									<td>2017-08-24 14:08:20</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>

				<div class="ss_3 h">
					<p>敏感操作密码</p>
					<p>系统默认的敏感操作密码为登录密码，你可以设置独立的敏感操作密码，</p>
					<p>设置完成后所有的敏感操作需要验证该密码后才可执行。</p>
					<p><input readonly="readonly" type="password" name="" id="" value="woshi mima" /> <button style="font-weight: 400;" id="pass" onclick="pa()">修 改</button></p>
					<p>
						<a href="#" onclick="passwordReset()">忘记敏感操作密码？</a>
					</p>
				</div>

				<style type="text/css">
					.ss_4>p:nth-child(1) {
    border-bottom: solid 1px #edf0f2;
    font-size: 30px;
    padding-bottom: 15px;
    margin-bottom: 40px;
}
.ss_4>div{height: 50px;margin-bottom: 50px;}
.btnDashboard {
    color: #0e2026;
    background-color: #f7f9fa;
    border-color: #f7f9fa;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    margin-left: 215px;
    padding: 11px 30px;
}
style.css?ver=64160433:1
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 7px 13px;
    font-size: 14px;
    line-height: 2;
    border-radius: 3px;
    min-width: 120px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    transition: background 0.15s,color 0.15s,border 0.15s;
    -webkit-transition: background 0.15s,color 0.15s,border 0.15s;
    -moz-transition: background 0.15s,color 0.15s,border 0.15s;
    -ms-transition: background 0.15s,color 0.15s,border 0.15s;
    -o-transition: background 0.15s,color 0.15s,border 0.15s;
}
.form-control[readonly]{
	background-color: #f7f9fa;
    border-color: #f7f9fa;
    opacity: 1;
    color: #a6aeb3;
}
				</style>

				<div class="ss_4">
					<p>企业资料</p>
					
					<div class="ss_1_1">
						<span>企业名称 </span>
						<div>
							<input style="width: 440px;" readonly="readonly" type="text" id="" value="深圳市神之脉网络科技有限公司" />
							
						</div>
					</div>
					<div class="ss_1_1">
						<span>企业联系地址 </span>
						<div>
							<input style="width: 440px;" readonly="readonly" type="text" id="" value="广东省深圳市龙华新区民治街道民治大道牛栏前大厦608室" />
							
						</div>
					</div>
					<div class="ss_1_2">
						<span>企业负责人 <img data-toggle="tooltip" data-placement="right" data-original-title="企业负责人" src="img/sl24.svg"/></span>
						<div>
							<input readonly="readonly" type="text" id="" value="唐金" />
							<a href="#" onclick="name_()">更新</a>
						</div>
					</div>
					<div class="ss_1_2">
						<span>负责人手机号码 <img data-toggle="tooltip" data-placement="right" data-original-title="负责人手机号码" src="img/sl24.svg"/></span>
						<div>
							<input readonly="readonly" type="text" id="" value="18512345678">
							<a href="#" onclick="phone_1()">更新</a>
						</div>
						
					</div>
					<div class="ss_1_4">
						<span>移动支付协议 <img data-toggle="tooltip" data-placement="right" data-original-title="13267045678"/></span>

						<a class="btn btnDashboard" target="_blank" href="protocol.html">查看协议</a>
					</div>
				</div>
				</div>
			</div>
		</div>

	</body>

</html>